<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<script type="text/javascript">
	$(document).ready(function() {

		$("#nav ul.child").removeClass("child");

		$("#nav li").has("ul").hover(function() {
			$(this).addClass("current").children("ul").fadeIn();
		}, function() {
			$(this).removeClass("current").children("ul").hide();
		});

	});
</script>

<html>
	<body>
		<div id="page-wrap">

			<div id="content">

				<ul id="nav">
					<li>
						<a href="#">Home</a>
					</li>
					<li>
						<a href="index.jsp">Products</a>
						<ul class="child">
							<li>
								<a href="#">Hard Drives</a>
							</li>
							<li>
								<a href="#">Monitors</a>
							</li>
							<li>
								<a href="#">Speakers</a>
							</li>
							<li>
								<a href="#">Random Equipment</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="otherpage.jsp">Services</a>
						<ul class="child">
							<li>
								<a href="#">Repairs</a>
							</li>
							<li>
								<a href="#">Installations</a>
							</li>
							<li>
								<a href="#">Setups</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="#">About</a>
						<ul class="child">
							<li>
								<a href="#">Repairs</a>
							</li>
							<li>
								<a href="#">Installations</a>
							</li>
							<li>
								<a href="#">Setups</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="#">Contact</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
